﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GongZuoRiGL.aspx.cs" Inherits="Web.Pages.YongShui._7.QiTaGL.GongZuoRiGL" Theme="Default" %>
<%@ Register Assembly="DevExpress.Web.v15.2, Version=15.2.9.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web" TagPrefix="dx" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../../../JS/jquery.js" type="text/javascript"></script>
    <style type="text/css">
        #Content {
            height: 420px;
            left: 50%;
            font-size: 18px;
            position: absolute;
            margin-left: -280px;
            border: 1px solid #d0e4fe;
            /*border-collapse:collapse;*/
            /*background-color:#f6f5f5;*/
        }

        .head {
            font-family: "微软雅黑", "Dosis", sans-serif;
            font-size: 20px;
            height: 60px;
            font-weight: bold;
            background-image: url(../../../Images/cal1.png);
        }

        .workday {
            font-family: "微软雅黑", "Dosis", sans-serif;
            height: 60px;
            width: 80px;
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
            color:#a0a0a1;
            background-image: url(../../../Images/cal.png);
        }

        .noworking {
            font-family: "微软雅黑", "Dosis", sans-serif;
            height: 60px;
            width: 80px;
            color: #fa0225;
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
            background-image: url(../../../Images/cal.png);
        }

        .NowDay {
            font-family:"微软雅黑", "Dosis", sans-serif;
            font-weight: bold;
            /*color:#1a8dd5;*/
            /*border:1px solid blue;*/
            padding-left: -2px;
            padding-top: -2px;
            font-size: 24px;
            background-image: url(../../../Images/cal2.png);
        }

        .empty {
            height: 60px;
            width: 80px;
            background-image: url(../../../Images/cal.png);
        }
    </style>
    <script type="text/javascript">
        $(function () {

        });

        function ChangeSize() {
            $("#content1").css("margin-left", (document.documentElement.clientWidth - 560) / 2);
        }

        function ChangeColor(obj) {
            if ($(obj).hasClass("workday")) {
                $(obj).removeClass("workday");
                $(obj).addClass("noworking");
            }
            else {
                $(obj).removeClass("noworking");
                $(obj).addClass("workday");
            }

            if ($(obj).attr("flag") == 0) {
                $(obj).attr("flag", "1");
            }
            else {
                $(obj).attr("flag", "0");
            }
            var str_days = "";
            $("#Content td[flag='1']").each(function () {
                str_days += ',' + $(this).text();
            });
            $("#hidStr").val(str_days.substr(1, str_days.length - 1));

        }


    </script>
</head>
<body onresize="ChangeSize()">
    <form id="form1" runat="server">
        <br />
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <div class="tabletitle1" align="center">
            工作日管理
        </div>
        <asp:UpdatePanel ID="updatePanel1" runat="server">
            <ContentTemplate>

                <div>
                    <div id="condition">
                        <table>
                            <tr>
                                <td>
                                    <dx:ASPxComboBox ID="cmbYear" runat="server" AutoPostBack="true" Width="60%" OnSelectedIndexChanged="cmbYear_SelectedIndexChanged">
                                    </dx:ASPxComboBox>
                                </td>
                                <td>
                                    <dx:ASPxComboBox ID="cmbMonth" runat="server" AutoPostBack="true" Width="60%" OnSelectedIndexChanged="cmbMonth_SelectedIndexChanged">
                                    </dx:ASPxComboBox>
                                </td>
                                <td style="width:40%;"></td>
                                <td  style="float: right;"><span style="color:#fa0225">红色字体</span>表示非工作日,<span style="color:#a0a0a1">灰色字体</span>表示工作日</td>
                            </tr>
                        </table>

                    </div>
                    <div id="content1" runat="server" style="text-align: center;" align="center">
                    </div>
                    <br />
                    <div style="float: right; margin-top: 450px;">
                        <dx:ASPxButton runat="server" Text="保存" ID="btnSave" OnClick="btnSave_Click"></dx:ASPxButton>
                        <dx:ASPxButton runat="server" Text="放弃" ID="btnCancel" OnClick="btnCancel_Click"></dx:ASPxButton>
                    </div>
                </div>
                <dx:ASPxHiddenField runat="server"></dx:ASPxHiddenField>
                <input type="hidden" runat="server" id="hidStr" value="" />
            </ContentTemplate>
        </asp:UpdatePanel>

    </form>
</body>
</html>
